<template>
    <div id="app">
        <router-view />
    </div>
</template>

<script>
    export default {
        name: 'app',
        components: {

        }
    };
</script>

<style>
    #app {
        height: 100%;
    }

    /** 滚动条的宽度 */
    ::-webkit-scrollbar {
        width: 9px;
        height: 9px;
    }

    /** 外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果 */
    ::-webkit-scrollbar-track {
        width: 6px;
        background-color: #ccc;
        -webkit-border-radius: 12em;
        -moz-border-radius: 12em;
        border-radius: 12em;
    }

    /** 滚动条的设置 */
    ::-webkit-scrollbar-thumb {
        background-color: rgba(88, 122, 173, 0.425);
        background-clip: padding-box;
        min-height: 28px;
        -webkit-border-radius: 12em;
        -moz-border-radius: 12em;
        border-radius: 12em;
    }

    /** 滚动条移上去的背景 */
    /** ::-webkit-scrollbar-thumb:hover {
        background-color: #f4f4f4;
    } */
</style>